<template>
	<view class="empty-content">
		<view class="empty-icon">
			<image class="image" src="/static/images/empty.png" mode="widthFix"></image>
		</view>
		<view class="tips">订单列表为空</view>
		<navigator open-type="switchTab" class="empty-ipt" url="/pages/classify/classify">
			<text>去逛逛</text>
		</navigator>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	// 空数据按钮
	.empty-content {
		box-sizing: border-box;
		width: 100%;
		padding: 140rpx 50rpx;
		text-align: center;

		.tips {
			font-size: 28rpx;
			color: gray;
			margin: 50rpx 0;
		}

		.empty-icon .image {
			width: 280rpx;
		}

		.empty-ipt{
			font-size: 36rpx;
			color: $custom-theme-color-2;
			line-height: 55rpx;
			text-decoration: underline;
		}
	}
</style>